{% extends "index/mainContent.html.twig" %}
{% block mainContent %}
<h1>{{dict('channels')}} <small>{{dict('channelsCommentP1')}} &hearts; {{dict('channelsCommentP2')}}&hellip;</small></h1>

{% if msgSender and msgValue and msgValue == 'success' %}
<div class="alert-message success">{{dict('successfulProcessing')}} <strong>from {{msgSender}}</strong></div>
{% elseif msgSender and msgValue %}
<div class="alert-message error">{{msgValue}} <strong>from {{msgSender}}</strong></div>
{% endif %}

<ul class="media-grid">
    {# facebook #}
    <li>
        {% if not channelsInfo.facebook %}
            <a href="{{baseDir}}/channels/callback-facebook" class="btn">
                <img class="thumbnail" src="{{assetsPic}}/channelFacebook64x64" />
            </a>
        {% else %}
            <a href="#" class="btn disabled">
                <img class="thumbnail" src="{{assetsPic}}/channelFacebook64x64" />
            </a>
        {% endif %}
            
        <div  style="margin-left: 100px;" class="twipsies well">
            <p style="margin-bottom: 0;">
            {% if not channelsInfo.facebook %}
                <strong>{{dict('inactive')}}</strong><br /><br />
            {% else %}
                <strong>{{channelsInfo.facebook.name}}</strong><br />
                {{channelsInfo.facebook.id}} - {{channelsInfo.facebook.username}}
            {% endif %}
            </p>
        </div>
    </li>
    {# foursquare (inactive) #}
    <li>
        <a href="#" class="btn disabled">
            <img class="thumbnail" src="{{assetsPic}}/channelFoursquare64x64" />
        </a>
            
        <div  style="margin-left: 100px;" class="twipsies well">
            <p style="margin-bottom: 0;">
                <strong>{{dict('inactive')}}</strong><br /><br />
            </p>
        </div>
    </li>
</ul>


{% endblock %}